© Bakual

Hintergrundbild für Header ändern.

Mehr
9 Jahre 7 Monate her #1564 von Hans
Hallo Experten,
ich möchte gerne im Header ein Hintergrundbild haben.
Im Templates-Stil kann ich aber nur die Farbe ändern.
Nun habe ich mal mit firebug die Stelle im templates10.css gesucht.
da steht Zeile 8350:
#header {
background-color: #addb90;
background-image: linear-gradient(#c9e7b7, #d8eeca 25%, #addb90);
background-repeat: no-repeat;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 120px;
position: relative;
}
Habe die templates10.css mit Microsoft Expression 4 geöffnet.
dort steht ab Zeile 8143:
#header {
min-height: 120px;
position: relative;
background-color: #575757;
background-repeat: no-repeat;
background-color: #383838;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
background-image: linear-gradient(#525252,#5e5e5e 25%,#383838);

Nun habe ich im Beitrag "schön-das-es-weitergeht" gelesen, dass man in der Datei templates10.css nichts ändern kann, da dass beim Speichern wieder verschwindet.

Nun meine Frage. Besteht eine relative einfache Möglichkeit ein Hintergrundbil für den Header einzufügen.
Gruß Monkee

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
9 Jahre 7 Monate her #1565 von Thomas Hunziker
Entweder im Templatestil selber im Parameter "Use custom CSS" die entsprechende Regel einfügen oder aber eine /templates/lessallrounder/css/custom.css erstellen und dort reinschreiben.

Die Regel würde dann etwa so lauten:
Code:
#header { background: url(/images/header.png) no-repeat; }
Folgende Benutzer bedankten sich: Hans

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
9 Jahre 7 Monate her #1577 von Hans
Hi Thomas,
habe Template deinen Cod eingegeben.
#header {
background: url(/images/header.png) no-repeat;
}
und Custom aktiviert.
Darauf ändert sich zwar das ganze, nur mein Bild ist nicht da(siehe Anhang nach-aktivierung.jpeg)
Das Bild habe ich hier abgelegt.
C:\xampp\htdocs\Joomla-Test\templates\lessallrounder\images\header.png

ist das der richtige Ort?

Ich habe doch schon eine custom.css
body {
background-attachment: fixed;
background-position: center center;
}

Soweit ich mal gelesen habe sollte diese custom.css nach der ersten Aktivierung in dieTemplate.css geschrieben werden und anschließende selbstständig gelöscht werden.

Nun hänge ich mal wieder und brauche deine Hilfe

Gruß Monkee
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
9 Jahre 7 Monate her - 9 Jahre 7 Monate her #1578 von Thomas Hunziker
Das Bild muss in den images Ordner in deinem Joomla Verzeichnis.
Wenn dus in den Template Ordner reintust und die Regel in die custom.css reinschreibst brauchst du stattdessen diese Regel:
Code:
#header { background: url(../images/header.png) no-repeat; }

Soweit ich mal gelesen habe sollte diese custom.css nach der ersten Aktivierung in dieTemplate.css geschrieben werden und anschließende selbstständig gelöscht werden

Gelöscht wird nichts, aber der Inhalt wird beim speichern des Stils gelesen und in die fertige template.css reingeschrieben.
Letzte Änderung: 9 Jahre 7 Monate her von Thomas Hunziker.
Folgende Benutzer bedankten sich: Hans

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
9 Jahre 7 Monate her #1579 von Hans
Super ich fange an zu verstehen.
In die custom schreibt man zusätzliche Regeln rein,
Wenn die Seite geöffnet wird schreibt dann die custom das in die template.css und öffnet erst dann die Seite.
Habe ich das richtig verstanden?
Muss nun nur noch das Bild in Höhe und Breite anpassen
Danke und bis zum nächsten mal

Gruß Monkee

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
9 Jahre 7 Monate her #1580 von Hans
Sorry, meine Freude war zu früh.
Jetzt geht die erste Regel(body) nicht mehr nur das Bild wird im Header eingefügt.
Wahrscheinlich schreibe ich das Falsch.



body {
background-attachment: fixed;
background-position: center center;
}

#header {
background: url(../images/header.png) no-repeat;
}

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.217 Sekunden